﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="RegisterUI.ascx.cs"
    Inherits="eStore.UserControl.RegisterUI" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<link href="../Styles/UserControl.css" rel="stylesheet" type="text/css" />
<div class="divRegister">
<%--    <div style="padding: 5px; width: 220px; z-index: 1; left: 417px; top: -2px; position: absolute;
        height: 32px">
        <asp:UpdateProgress ID="UpdateProgressRegister" runat="server" AssociatedUpdatePanelID="UpdatePanelRegisterProgress">
            <ProgressTemplate>
                <b>
                    <%= UpdateProgressRegisterText%></b>
                <img src="../images/bar_loading.gif" />
            </ProgressTemplate>
        </asp:UpdateProgress>
    </div>--%>
    <%--
            <div style="width: 231px; z-index: 1; left: 425px; top: 10px; position: absolute;
                height: 20px">
  <asp:UpdateProgress ID="UpdateProgressRegister" runat="server" AssociatedUpdatePanelID="UpdatePanelRegister">
            <ProgressTemplate>
                <b>
                    <%= UpdateProgressRegisterText %></b>
                <img src="../images/hig_progcircle_animated.gif" />
            </ProgressTemplate>
        </asp:UpdateProgress>
            </div>--%>
    <h2 id="h2CreateAcc" runat="server" class="h2Register">
    </h2>
    <p id="pAccInfoUse" runat="server" class="pRegister">
    </p>
    <fieldset class="AccountFieldset">
        <legend id="LegendRegister" runat="server"></legend>
        <%--<asp:UpdatePanel ID="UpdatePanelCheckUserName" runat="server">
            <ContentTemplate>--%>
        <div style="height: 27px; z-index: 1; left: 2px; top: 36px; position: absolute; width: 632px">
            <asp:Label ID="LabelUserName" runat="server" Text="Tên Đăng Nhập (*)" Style="z-index: 1;
                left: 10px; top: 3px; position: absolute; width: 132px"></asp:Label>
            <asp:TextBox ID="TextBoxUserName" runat="server" Style="z-index: 1; left: 134px;
                top: 1px; position: absolute; width: 250px"></asp:TextBox>
            <%--  <asp:TextBoxWatermarkExtender ID="TextBoxUserName_TextBoxWatermarkExtender" runat="server"
                        Enabled="True" TargetControlID="TextBoxUserName" WatermarkCssClass="TextBoxWatermark">
                    </asp:TextBoxWatermarkExtender>--%>
            <asp:RequiredFieldValidator ID="RequiredFieldValidatorUserName" runat="server" ErrorMessage="Tên đăng nhập không được bỏ trống !"
                Style="z-index: 1; left: 392px; top: 1px; position: absolute" ControlToValidate="TextBoxUserName"
                ForeColor="Red"></asp:RequiredFieldValidator>
        </div>
        <%--            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="TextBoxUserName" EventName="TextChanged" />
            </Triggers>
        </asp:UpdatePanel>--%>
        <div style="height: 36px; z-index: 1; left: 1px; top: 65px; position: absolute; width: 632px">
            <asp:Label ID="LabelPassword" runat="server" Text="Mật Khẩu (*)" Style="z-index: 1;
                left: 10px; top: 3px; position: absolute; width: 132px"></asp:Label>
            <asp:TextBox ID="TextBoxPassword" runat="server" Style="z-index: 1; left: 134px;
                top: 1px; position: absolute; width: 250px" TextMode="Password"></asp:TextBox>
            <%--  <asp:TextBoxWatermarkExtender ID="TextBoxPassword_TextBoxWatermarkExtender" runat="server"
                        Enabled="True" TargetControlID="TextBoxPassword" WatermarkCssClass="TextBoxWatermark">
                    </asp:TextBoxWatermarkExtender>--%>
            <asp:RequiredFieldValidator ID="RequiredFieldValidatorPassword" runat="server" ErrorMessage="Mật khẩu không được bỏ trống hoặc phải ít nhất"
                Style="z-index: 1; left: 391px; top: 1px; position: absolute" ControlToValidate="TextBoxPassword"
                ForeColor="Red"></asp:RequiredFieldValidator>
        </div>
        <div style="height: 27px; z-index: 1; left: 1px; top: 104px; position: absolute;
            width: 633px">
            <asp:Label ID="LabelPasswordConfirm" runat="server" Text="Nhập Lại Mật Khẩu " Style="z-index: 1;
                left: 9px; top: 3px; position: absolute; width: 132px; right: 492px;"></asp:Label>
            <asp:TextBox ID="TextBoxPasswordConfirm" runat="server" Style="z-index: 1; left: 134px;
                top: 1px; position: absolute; width: 250px" TextMode="Password"></asp:TextBox>
            <%--   <asp:TextBoxWatermarkExtender ID="TextBoxUserName_TextBoxWatermarkExtender" runat="server"
                        Enabled="True" TargetControlID="TextBoxUserName" WatermarkCssClass="TextBoxWatermark">
                    </asp:TextBoxWatermarkExtender>--%>
            <asp:CompareValidator ID="CompareValidatorPasswordConfirm" runat="server" ErrorMessage="Mật khẩu nhập lại không giống!"
                ControlToCompare="TextBoxPassword" ControlToValidate="TextBoxPasswordConfirm"
                Style="z-index: 1; left: 391px; top: 2px; position: absolute" ForeColor="Red"></asp:CompareValidator>
        </div>
        <div style="height: 35px; z-index: 1; left: 1px; top: 135px; position: absolute;
            width: 633px; margin-top: 1px">
            <asp:Label ID="LabelEmail" runat="server" Text="Email (*)" Style="z-index: 1; left: 10px;
                top: 3px; position: absolute; width: 132px"></asp:Label>
            <asp:TextBox ID="TextBoxEmail" runat="server" Style="z-index: 1; left: 134px; top: 1px;
                position: absolute; width: 250px"></asp:TextBox>
            <%--   <asp:TextBoxWatermarkExtender ID="TextBoxUserName_TextBoxWatermarkExtender" runat="server"
                        Enabled="True" TargetControlID="TextBoxUserName" WatermarkCssClass="TextBoxWatermark">
                    </asp:TextBoxWatermarkExtender>--%>
            <asp:RegularExpressionValidator ID="RegularExpressionValidatorEmail" runat="server"
                ErrorMessage="Địa chỉ Email không hợp lệ !" ControlToValidate="TextBoxEmail"
                Style="z-index: 1; left: 390px; top: -4px; position: absolute" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                ForeColor="Red"></asp:RegularExpressionValidator>
            <asp:RequiredFieldValidator ID="RequiredFieldValidatorEmail" runat="server" ControlToValidate="TextBoxEmail"
                ErrorMessage="Địa chỉ Email không được bỏ trống !" ForeColor="Red" Style="z-index: 1;
                left: 389px; top: 7px; position: absolute"></asp:RequiredFieldValidator>
        </div>
    </fieldset>
    <fieldset class="InfoFieldset">
        <legend id="LegendInfo" runat="server"></legend>
        <div style="height: 27px; z-index: 1; left: 2px; top: 33px; position: absolute; width: 630px">
            <asp:Label ID="LabelFullName" runat="server" Text="Họ Tên (*)" Style="z-index: 1;
                left: 10px; top: 3px; position: absolute; width: 132px"></asp:Label>
            <asp:TextBox ID="TextBoxFullName" runat="server" Style="z-index: 1; left: 132px;
                top: 1px; position: absolute; width: 250px"></asp:TextBox>
            <%--               <asp:TextBoxWatermarkExtender ID="TextBoxUserName_TextBoxWatermarkExtender" runat="server"
                        Enabled="True" TargetControlID="TextBoxUserName" WatermarkCssClass="TextBoxWatermark">
                    </asp:TextBoxWatermarkExtender>--%>
            <asp:RequiredFieldValidator ID="RequiredFieldValidatorFullName" runat="server" ErrorMessage="Họ Tên không được bỏ trống !"
                Style="z-index: 1; left: 391px; top: 1px; position: absolute" ControlToValidate="TextBoxFullName"
                ForeColor="Red"></asp:RequiredFieldValidator>
        </div>
        <div style="height: 27px; z-index: 1; left: 1px; top: 65px; position: absolute; width: 631px">
            <asp:Label ID="LabelBirthYear" runat="server" Text="Năm Sinh (*)" Style="z-index: 1;
                left: 10px; top: 3px; position: absolute; width: 116px; height: 18px;"></asp:Label>
            <asp:DropDownList ID="DropDownListBirthYear" runat="server" Style="z-index: 1; left: 135px;
                top: 0px; position: absolute; width: 99px; right: 397px;">
            </asp:DropDownList>
        </div>
        <div style="height: 49px; z-index: 1; left: 1px; top: 97px; position: absolute; width: 631px">
            <asp:Label ID="LabelGender" runat="server" Text="Giới Tính (*)" Style="z-index: 1;
                left: 8px; top: 3px; position: absolute; width: 132px"></asp:Label>
            <asp:RadioButtonList ID="RadioButtonListGender" runat="server" Style="z-index: 1;
                left: 132px; top: 0px; position: relative; height: 33px; width: 204px">
            </asp:RadioButtonList>
            <%--   <asp:TextBoxWatermarkExtender ID="TextBoxUserName_TextBoxWatermarkExtender" runat="server"
                        Enabled="True" TargetControlID="TextBoxUserName" WatermarkCssClass="TextBoxWatermark">
                    </asp:TextBoxWatermarkExtender>--%>
        </div>
        <div style="height: 27px; z-index: 1; left: 1px; top: 151px; position: absolute;
            width: 631px; margin-top: 1px">
            <asp:Label ID="LabelPhone" runat="server" Text="Điện Thoại" Style="z-index: 1; left: 8px;
                top: 3px; position: absolute; width: 119px; height: 17px;"></asp:Label>
            <asp:TextBox ID="TextBoxPhone" runat="server" Style="z-index: 1; left: 133px; top: 1px;
                position: relative; width: 250px"></asp:TextBox>
            <asp:TextBoxWatermarkExtender ID="TextBoxPhone_TextBoxWatermarkExtender" runat="server"
                Enabled="True" TargetControlID="TextBoxPhone" WatermarkCssClass="TextBoxWatermark">
            </asp:TextBoxWatermarkExtender>
            <asp:RegularExpressionValidator ID="RegularExpressionValidatorPhone" runat="server"
                ErrorMessage="Số điện thoại không hợp lệ" Style="z-index: 1; left: 399px; top: 1px;
                position: absolute" ControlToValidate="TextBoxPhone" ForeColor="Red" ValidationExpression="0\d{1,4}-\d{3}-\d{3}"></asp:RegularExpressionValidator>
        </div>
        <asp:UpdatePanel ID="UpdatePanelNational" runat="server">
            <ContentTemplate>
                <div style="height: 27px; z-index: 1; left: 0px; top: 185px; position: absolute;
                    width: 633px; margin-top: 1px">
                    <asp:DropDownList ID="DropDownListNational" runat="server" AutoPostBack="True" Style="z-index: 1;
                        left: 134px; top: 0px; position: absolute; height: 25px; width: 210px" Width="150px"
                        OnSelectedIndexChanged="DropDownListNational_SelectedIndexChanged">
                    </asp:DropDownList>
                    <asp:Label ID="LabelNational" runat="server" Text="Quốc Gia (*)" Style="z-index: 1;
                        left: 8px; top: 3px; position: absolute; width: 119px; height: 17px; right: 411px;"></asp:Label>
                </div>
                <div style="height: 27px; z-index: 1; left: 1px; top: 217px; position: absolute;
                    width: 631px; margin-top: 1px">
                    <asp:Label ID="LabelProvince" runat="server" Text="Tỉnh / Thành Phố (*)" Style="z-index: 1;
                        left: 4px; top: 3px; position: absolute; width: 125px; height: 17px;"></asp:Label>
                    <asp:DropDownList ID="DropDownListProvince" runat="server" Style="z-index: 1; left: 133px;
                        top: 0px; position: absolute; height: 25px; width: 210px" Width="150px" Enabled="False">
                    </asp:DropDownList>
                </div>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="DropDownListNational" EventName="SelectedIndexChanged" />
            </Triggers>
        </asp:UpdatePanel>
        <div style="height: 48px; z-index: 1; left: 1px; top: 248px; position: absolute;
            width: 631px; margin-top: 1px">
            <asp:Label ID="LabelAddress" runat="server" Text="Địa Chỉ (*)" Style="z-index: 1;
                left: 7px; top: 3px; position: absolute; width: 119px; height: 17px;"></asp:Label>
            <asp:TextBox ID="TextBoxAddress" runat="server" Style="z-index: 1; left: 134px; top: 1px;
                position: absolute; width: 250px; height: 39px;"></asp:TextBox>
            <%--   <asp:TextBoxWatermarkExtender ID="TextBoxUserName_TextBoxWatermarkExtender" runat="server"
                        Enabled="True" TargetControlID="TextBoxUserName" WatermarkCssClass="TextBoxWatermark">
                    </asp:TextBoxWatermarkExtender>--%>
            <asp:RequiredFieldValidator ID="RequiredFieldValidatorAddress" runat="server" ControlToValidate="TextBoxAddress"
                ErrorMessage="Địa chỉ liên hệ không được bỏ trống !" ForeColor="Red" Style="z-index: 1;
                left: 395px; top: 8px; position: absolute"></asp:RequiredFieldValidator>
        </div>
    </fieldset>
<%--    <asp:UpdatePanel ID="UpdatePanelRegisterProgress" runat="server">
        <ContentTemplate>--%>
            <div style="z-index: 1; left: 371px; top: 686px; position: absolute; height: 28px;
                width: 138px; margin-top: 2px;">
                <asp:Button ID="ButtonRegister" runat="server" Text="Đăng Kí" OnClick="ButtonRegister_Click" />
            </div>
<%--        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ButtonRegister" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>--%>
</div>

